<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
	<script type="text/javascript" src="../jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="../jquery.easyui.min.js"></script>
	<style>
		input, textarea{
			border:1px solid #ccc;
			margin-bottom:5px;
		}
	</style>
	<script type="text/javascript">
		$(function(){
			var dlg = $('#dlg1').dialog({
				iconCls: 'icon-save',
				width:400,
				modal:true,
				buttons:{
					'Save':function(){
						alert('you click save button');
					},
					'Cancel':function(){
						$('#dlg1').dialog({closed:true});
					}
				}
			});
		});

		function open1(){
			$('#dlg1').dialog({
				closed:false,
				showType:null//'show'
			});
		}
		function close1(){
			$('#dlg1').dialog({
				closed:true
			});
		}
	</script>
</head>
<body>
	<a href="#" onclick="open1();">open</a>
	<a href="#" onclick="close1();">close</a>
	
	<div id="dlg1" title="Save Info" style="width:320px;">
		<div style="padding:20px;">
			<div>subject:</div>
			<div><input type="text" style="width:250px;"></div>
			<div>email:</div>
			<div><input type="text" style="width:250px;"></div>
			<div>content:</div>
			<div><textarea style="width:250px;height:100px;"></textarea></div>
		</div>
	</div>
</body>
</html>